<template>
  <div class="grid-container">
    <slot />
  </div>
</template>

<script>
export default {
  name: 'GridContainer',
  props: ['patientBaseId'],
  provide() {
    return {
      'GridContainer': this
    }
  }
};
</script>

<style lang="less" scoped>
.grid-container {
  grid-gap: 20px;
}
</style>